<template>
  <div id="app">
    <transition name="fade"
		            mode="out-in">
			<router-view></router-view>
		</transition>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import login from "./components/Login"
export default {
  name: "App",
  data() {
    return {
      isCollapse: false,
      logined:true
    };
  },
  created(){
    // if(localStorage.getItem('userlogin')){
    //   this.logined = true
    // }else{
    //   this.logined = false
    // }
    
  },
  mounted(){
    
  },
  methods: {
    
  },
  computed: {
    // ...mapGetters([
    //    'logined'
    // ]),
  },
  components:{
    login
  }
};
</script>

<style lang="stylus">
  #app 
    font-family "Avenir", Helvetica, Arial, sans-serif
    -webkit-font-smoothing antialiased
    -moz-osx-font-smoothing grayscale
  .fade-enter-active,
  .fade-leave-active 
	  transition: all .2s ease
  .fade-enter,
  .fade-leave-active 
	  opacity: 0;
  
</style>
